<template>
	<div>
		<div id="box" class="box">
			<top />
			<div id="right_nav" class="right_nav right">
			</div>
			<left :hrefs="hrefs" @update="hrefs"></left>
			<div class="main right">
				<iframe id="page" name="page" frameborder="0" :src="path" height="100%" width="100%"></iframe>
			</div>
		</div>
	</div>
</template>
<script>
	export default {
		name: "app",
		data() {
			return {
				path: "/#/main",
				data: []
			}
		},
		methods: {
			hrefs(path) {
				console.log(this);
				console.log(path);
				this.path = path;
			}
		}
	}
</script>
<style scoped>
	.right_nav {
		height: 100%;
		width: 200px;
		background: red;
		position: fixed;
		right: 0px;
		top: 6%;
		display: none
	}
</style>
